@charset "utf-8";
@import 'reset';
@import 'common';

.web {
    main {
        width:1000px;
        .login-tip {
            margin:65px auto 0;
            width:265px;
            text-align:center;
            &::before {
                content:"";
                display: block;
                width:100%;
                height:0px;
                border-top:1px solid $color;
            }
            h5 {
                transform:translate(50%,-50%);
                width:128px;
                padding-left:15px;
                font-size:14px;
                font-weight:bolder;
                text-align: justify;
                letter-spacing:18px;
                background-color: #fff;
                span {
                    font-size:9px;
                    font-weight:normal;
                    color:#3d3d3d;
                    letter-spacing:-1px;
                }
            }
        }

        .login-content {
            display: flex;
            margin-top:40px;
            form {
                margin-left:130px;
                margin-bottom:50px;
                // background-color: orange;
                table {
                    thead {
                        tr {
                            th {
                                display: flex;
                                justify-content: center;
                                span {
                                    display:inline-block;
                                    margin-left:8px;
                                    margin-bottom:20px;
                                    width:93px;
                                    height:24px;
                                    font-size: 14px;
                                    font-weight: bold;
                                    line-height:24px;
                                    border-radius: 3px;
                                    background-color:#eee;
                                    &.active {
                                        background-color:#b3d9ff;
                                    }
                                }
                            }
                        }
                    }
                    tbody {
                        tr {
                            display:flex;
                            justify-content: center;
                            align-items: center;
                            margin-bottom:28px;
                            font-size:12px;
                            td:first-child {
                                width:52px;
                            }
                            td:last-child {
                                width:265px;
                                height:20px;
                                .inputStyle {
                                    width:100%;
                                    height:20px;
                                    outline:none;
                                    border:1px solid transparent;
                                    border-radius: 3px;
                                    background-color: rgba(179, 217, 255,0.5);
	                                box-shadow:inset 0px 0px 2px 0px #030000;
                                }
                                input[type=radio] {
                                    width:12px;
                                    vertical-align:text-bottom;
                                }
                                &.captcha {
                                    display: flex;
                                    align-items: center;
                                    input {
                                        width:97px;
                                        height:20px;
                                        outline: none;
                                        border:none;
                                        border-radius:3px;
                                        background-color: rgba(179, 217, 255,0.5);
                                        box-shadow:inset 0px 0px 2px 0px #030000;
                                    }
                                    img {
                                        margin:0 4px;
                                        width:57px;
                                        height:18px;
                                    }
                                    p {
                                        font-size: 12px;
                                        a {
                                            color:#ff0000;
                                            text-decoration: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    tfoot {
                        tr {
                            td {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                div {
                                    margin-right:7px;
                                    width:93px;
                                    height:24px;
                                    border-radius: 3px;
                                    background-color: #b3d9ff;
                                    font-size: 14px;
                                    text-align:center;
                                    line-height: 24px;;
                                    color:#fff;
                                }
                                span {
                                    font-size: 12px;
                                    color:#b30000;
                                }
                            }
                        }
                    }
                }
            }
            .easy-img {
                position:relative;
                margin-left:36px;
                margin-right:125px;
                width:380px;
                height:260px;
                img {
                    width:100%;
                    height:100%;
                }
                p {
                    // width:140px;
                    position:absolute;
                    top:13px;
                    left:55px;
                    height:32px;
                    font-size:16px;
                    line-height:17px;
                    color:#242424;
                    span {
                        padding-left:32px;
                    }
                }
            }
        }
    }
}